.ex-management {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    background: url('../../../assets/common/images/global-bg.png') no-repeat left center;
    box-sizing: border-box;
    .ex-title {
        font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial', sans-serif;
        font-weight: 700;
        font-style: normal;
        padding-top: 20px;
        font-size: 40px;
        color: rgba(137, 230, 245, 0.898039215686275);
        background: url('../../../assets/common/images/header-title-bg.png') no-repeat left center;
        text-align: center;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        .flex-style{
            display: flex;
            align-items: center;
            justify-content: space-around;
        }
    }

    .number {
        background: inherit;
        background-color: rgba(10, 25, 52, 1);
        box-sizing: border-box;
        border-width: 3px;
        border-style: solid;
        border-color: rgba(100, 170, 191, 1);
        border-radius: 0px;
        box-shadow: none;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 10px;

        .number-text {
            font-size: 72px;
            color: rgba(137, 230, 245, 0.898039215686275);
            text-align: center;
            width: 100%;
        }

        .number-title {
            width: 100%;
            font-size: 28px;
            color: rgba(137, 230, 245, 0.898039215686275);
            text-align: center;


        }
    }

    .pie-charts {
        background: inherit;
        background-color: rgba(10, 25, 52, 1);
        box-sizing: border-box;
        border-width: 3px;
        border-style: solid;
        border-color: rgba(100, 170, 191, 1);
        border-radius: 0px;
        box-shadow: none;

        .pie-title {
            font-size: 36px;
            color: rgba(137, 230, 245, 0.898039215686275);
            text-align: center;
        }
    }

}

.text-style{ 
        font-size: 22px;
        color: rgba(137, 230, 245, 0.898039215686275);
        margin-top: 10px;
}
.un-hege{
    font-size: 28px;
    color: rgba(137, 230, 245, 0.898039215686275);
}
.un-hege-text{
    font-size: 22px;
    color: rgba(137, 230, 245, 0.898039215686275);
    margin-bottom: 10px;
}
.line{
    border-width: 0px;  
    width:95%;
    height: 1px; 
    background: rgba(137, 230, 245, 0.898039215686275);
    margin: 10px 0;
}
/deep/  .ui-corner-all{
    border-radius: 30px;
}
/deep/ .ng-star-inserted img{
    margin-right: 10px;
}
.time-style{
    font-size: 20px;
    color: rgba(117, 229, 247, 0.898);
}
.mr20{
    margin-right: 20px;
}